<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/mytags.jsp"%>
<html>
<head>

<%@ include file="/common/easyui.jsp"%>

<script type="text/javascript">
	$(document).ready(function() {
		$(this).ajaxStart(function() {
			$('#saveButton').linkbutton('disable');
		});
		
		$(this).ajaxStop(function() {
			$('#saveButton').linkbutton('enable');
		});
				
		loadList();
		$('#queryDeptName').focus();
	});

	function doAdd() {
		var url = '${ctx}/adminManage/sys/autoDb/add.do';
		$('#editDiv').load(url, function() {
			$.parser.parse('#editDiv'); // 使用ajax之后，要重新渲染子页面
			$('#editDiv').show();
			
			$('#editDiv').dialog({
				title : '新增',
				modal : true,
				collapsible : true,
			    cache: false
			});
			
			$('#editDiv').dialog('open');
		});
	}

	function doUpdate() {
		var obj = $('#dataTable').treegrid('getChecked');
		if (obj == null || obj.length != 1) {
			var message = '请选择需要修改的数据！<br />（只能选中一条修改）';
			$.messager.alert('提示', message, 'info');
			return;
		}
		
		var url = '${ctx}/adminManage/sys/autoDb/update.do';
		$('#editDiv').load(url, {
			id:obj[0].id
		}, function() {
			$.parser.parse('#editDiv');
			$('#editDiv').show();
			
			$('#editDiv').dialog({
				title : '修改',
				modal : true,
				collapsible : true,
			    cache: false
			});

			$('#editDiv').dialog('open');
			$('#deptName').focus();
		});
	}
	
	function doDelete() {
		var obj = $('#dataTable').treegrid('getChecked');
		if (obj == null || obj.length == 0) {
			var message = '请选择需要删除的数据！';
			$.messager.alert('提示', message, 'info');
			return;
		}
		
		var length = obj.length;
		var message = '确定要删除这 [' + length + '] 条数据吗？';
		$.messager.confirm('确认', message, function(result) {
			if (!result)
				return;
			
			$.ajax({
				type : 'post',
				url : '${ctx}/adminManage/sys/autoDb/doDelete.do',
				data : $.toJSON(obj),
				dataType : 'json',
				contentType : 'application/json;charset=UTF-8',
				success : function(data) {
					var result = data.result;
					if (result == 'success') {
						$.messager.alert('提示', '操作成功！', 'info');
						$('#dataTable').treegrid('reload');
						$('#dataTable').treegrid('clearChecked');
					} else {
						$.messager.alert('提示', '操作失败！<br />' + data.error, 'error');
					}
				},
				error : function(XMLHttpRequest, textStatus, errorThrown) {
					$.messager.alert('提示', '操作失败！<br />' + errorThrown, 'error');
				}
			});
		});
	}
	
	function loadList() {
		$('#dataTable').treegrid({
			title : '数据库',
			//在从远程站点加载数据的时候显示提示消息
			loadMsg:'数据正在加载中...',
			//指明哪一个字段是标识字段
			idField : 'id',
			//一个URL从远程站点请求数据
			url : '${ctx}/adminManage/sys/autoDb/listForEasyui.do',
			//DataGrid列配置对象
			columns : [[ 
						 {field : 'id',title : '数据库编号',hidden:true},
						 {field : 'dbName',title : '数据库名'},
						 {field : 'dbType',title : '类型'},
						 {field : 'dbUrl',title : '地址'},
						 {field : 'dbAccount',title : '账号'},
						 {field : 'dbPwd',title : '密码'}
						]],
			//如果为true，则在DataGrid控件底部显示分页工具栏
			pagination : false,			
			//设置对话框窗口顶部工具栏	
			toolbar : [
			{
				text : '新增',
				iconCls: 'icon-add',
				handler: function(){doAdd()}
			},{
				text : '修改',
				iconCls: 'icon-edit',
				handler: function(){doApdate()}
			},{
				text : '删除',
				iconCls: 'icon-remove',
				handler: function(){doDelete()}
			}],
			//是否显示斑马线效果
			striped : true,
			//如果为true，则在同一行中显示数据。设置为true可以提高加载性能
			nowrap : true,
			//如果为true，则只允许选择一行
			singleSelect : true,
			//如果为true，则显示一个行号列
			rownumbers : true
		});
	}
</script>

</head>

<body class="easyui-layout">
<div region="center" border="false">
	<table id="dataTable" style="width:100%;height:100%"></table>
	<div id="editDiv" style="padding: 5px; display: none"></div>
</div>
</body>
</html>